import 'package:bruno/bruno.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:whale/helper/component/component.dart';
import 'package:whale/helper/utils/util.dart';

import 'logic.dart';

class ReportPage extends StatelessWidget {
  ReportPage({Key? key}) : super(key: key);

  final logic = Get.put(ReportLogic());
  final state = Get.find<ReportLogic>().state;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        centerTitle: true,
        backgroundColor: Colors.white,
        elevation: 0,
        title: Text('报告',style: TextStyle(color: Colors.white,fontSize: 18.r),),
        bottom: PreferredSize(
          preferredSize: Size.fromHeight(100.r),
          child: BrnTabBar(
              controller: state.titleTc,
              labelStyle: TextStyle(
                  color: ColorsUtil.theme,
                  fontSize: 14.r
              ),
              unselectedLabelStyle: TextStyle(
                  color: ColorsUtil.title,
                  fontSize: 14.r
              ),
              tabs: ['全局', '政策措施', '招标采购']
                  .asMap()
                  .map(
                    (key, value) => MapEntry(
                  key,
                  BadgeTab(text: value),
                ),
              )
                  .values
                  .toList()),
        ),
      ),
      body: noDataView(),
      // body: BrnAnchorTab(
      //   itemCount: state.titles.length,
      //   tabBarStyle: BrnAnchorTabBarStyle(
      //     labelStyle: TextStyle(fontSize: 12.r,color: ColorsUtil.theme),
      //     unselectedLabelStyle: TextStyle(fontSize: 10.r)
      //   ),
      //   widgetIndexedBuilder: (context, index) {
      //     return Container(
      //       margin: EdgeInsets.all(15.r),
      //       child: Column(
      //         crossAxisAlignment: CrossAxisAlignment.start,
      //         children: [
      //           Text(state.titles[index],style: TextStyle(color: ColorsUtil.title,fontSize: 16.r),),
      //           SizedBox(height: 10.r,),
      //           BrnShadowCard(
      //               circular: 8,
      //               borderWidth: 0,
      //               color: Colors.white,
      //               padding: EdgeInsets.all(5.r),
      //               child: ListView.builder(itemBuilder: (context,index){
      //                 return Container(
      //                   margin: EdgeInsets.symmetric(vertical: 3.r),
      //                   decoration: BoxDecoration(
      //                     color: ColorsUtil.gray_f2,
      //                     borderRadius: BorderRadius.circular(8.r)
      //                   ),
      //                   padding: EdgeInsets.symmetric(horizontal: 15.r, vertical: 11.r),
      //                   child: Row(
      //                     children: [
      //                       Image.network('https://img2.baidu.com/it/u=2419815197,1111677397&fm=253&fmt=auto&app=120&f=JPEG?w=1023&h=739',width: 70.r,height: 70.r,fit: BoxFit.cover,),
      //                       SizedBox(width: 10.r,),
      //                       Expanded(child: Column(
      //                         crossAxisAlignment: CrossAxisAlignment.start,
      //                         children: [
      //                           Text(
      //                             '2022年度萧山区公平竞争审查工作情况报告',
      //                             style: TextStyle(
      //                               color: ColorsUtil.title,
      //                               fontSize: 14.r,
      //                             ),
      //                           ),
      //                           SizedBox(height: 5.r,),
      //                           Align(
      //                             alignment: Alignment.centerRight,
      //                             child: Text(
      //                               '2023-01-13',
      //
      //                               style: TextStyle(
      //                                 color: ColorsUtil.subTitle,
      //                                 fontSize: 11.5.r,
      //                               ),
      //                             ),
      //                           ),
      //                         ],
      //                       ))
      //                     ],
      //                   ),
      //                 );
      //               },itemCount: 5,shrinkWrap: true,physics: NeverScrollableScrollPhysics(),)
      //           )
      //         ],
      //       ),
      //     );
      //   },
      //   tabIndexedBuilder: (context, index) {
      //     return BadgeTab(
      //         text: state.titles[index],
      //
      //     );
      //   },
      // ),
    );
  }
}
